<template>
  <div class="detail-step">
    <XtxSteps :active="order.status===5?1:order.status + 1">
      <XtxStepsItem title="提交订单" :desc="order.createTime"/>
      <XtxStepsItem title="付款成功" :desc="order.payTime"/>
      <XtxStepsItem title="商品发货" :desc="order.deliveryTime"/>
      <XtxStepsItem title="确认收货" :desc="order.confirmTime"/>
      <XtxStepsItem title="订单完成" :desc="order.completeTime"/>
    </XtxSteps>
  </div>
</template>
<script setup>
defineProps({
  order: {
    type: Object,
    default: () => {
    }
  }
})
</script>
<style scoped lang="scss">
.detail-step {
  padding: 20px;
}
</style>